<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>门岗管理</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/gate_sentry.css" />
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header">
            <div class="aui-tab">
                <div class="aui-tab-item tapmode aui-tab-color" v-on:click="select_status(1)" v-bind:class="{'aui-active':status==1}">来人来访</div>
                <div class="aui-tab-item tapmode aui-tab-color" v-on:click="select_status(2)" v-bind:class="{'aui-active':status==2}">物品放行</div>
            </div>
        </header>
        <!-- 物品放行 -->
        <div v-if="status==2" class="contentBox pb4 mt27">
            <div class="aui_formbox edit">
                <div class="aui_formitem">
                    <div class="aui_formtitle col-star">业主楼号</div>
                    <div class="aui_formcontent">
                        <input readonly="readonly" placeholder="请选择" v-model="itemform.ProjectName" v-on:click="do_select_project()" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">住户名称</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.VisitorName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">联系方式</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.PhoneNumber" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">携带人</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.VisitedName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">证件号码</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.IDCardNumber" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">物品信息</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.ItemName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">车辆信息</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.CarNumber" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem block ">
                    <div class="aui_formtitle aui_formtitle_hgt">放行事由</div>
                    <div class="aui_formcontent">
                        <div class="laiber_box">
                            <div v-on:click="do_select_type(item)" v-for='item in typelist2' class="laiber_box_li aui-btn aui-btn-info" v-bind:class="{'active':item.isselect}">{{item.Name}}</div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 来人来访 -->
        <div v-if="status==1" class="contentBox pb4 mt27">
            <div class="aui_formbox edit width5">
                <div class="aui_formitem">
                    <div class="aui_formtitle col-star">来访人</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitorName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">联系方式</div>
                    <div class="aui_formcontent">
                        <input v-model="form.PhoneNumber" placeholder="请填写" type="number">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">证件号码</div>
                    <div class="aui_formcontent">
                        <input v-model="form.IDCardNumber" placeholder="请填写" type="number">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">来访人数</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitCount" placeholder="请填写" type="number">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">物品信息</div>
                    <div class="aui_formcontent">
                        <input v-model="form.ItemName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">车辆信息</div>
                    <div class="aui_formcontent">
                        <input v-model="form.CarNumber" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle col-star">被访人楼号</div>
                    <div class="aui_formcontent">
                        <input v-model="form.ProjectName" v-on:click="do_select_project()" readonly="readonly" placeholder="请选择" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">被访人姓名</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitedName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">联系方式</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitedPhone" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem block">
                    <div class="aui_formtitle">来访事由</div>
                    <div class="aui_formcontent">
                        <div class="laiber_box">
                            <div v-on:click="do_select_type(item)" v-for="item in typelist1" class="laiber_box_li aui-btn aui-btn-info" v-bind:class="{'active':item.isselect}">{{item.Name}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="aui_bottom">
            <div v-on:click="do_save()" class="aui_bottombtn">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/gate_sentry.js "></script>

</html>
